<ion-header>
    <ion-navbar color="danger">
        <ion-title>分类</ion-title>
    </ion-navbar>
</ion-header>

<ion-content class="content">

    <section class="special theme-bg-color">
        <div class="section-title">
            <span>专题集合</span>
        </div>
        <ion-row nowrap>
            <ion-col (click)="allClassify(collection)" col-5 *ngFor="let collection of collections,let i = index">
                <img [src]="collection.banner_image_url">
            </ion-col>
        </ion-row>
    </section>

    <section class="theme-bg-color mp10">
        <div class="section-title">
            <span>{{Style.name}}</span>
        </div>
        <ion-row text-center>
            <ion-col (click)="classifyClick(style)" col-3 *ngFor="let style of Style.channels,let i = index">
                <img [src]="style.icon_url">
                <span>{{style.name}}</span>
            </ion-col>
        </ion-row>
    </section>

    <section class="theme-bg-color mp10">
        <div class="section-title">
            <span>{{Class.name}}</span>
        </div>
        <ion-row text-center>
            <ion-col (click)="classifyClick(style)" col-3 *ngFor="let style of Class.channels,let i = index">
                <img [src]="style.icon_url">
                <span>{{style.name}}</span>
            </ion-col>
        </ion-row>
    </section>

</ion-content>